<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="mobileOptimized" content="240" />
<meta name="format-detection" content="telephone=no" />
<title>Insert title here</title>

<link type="text/css" rel="stylesheet" href="css/base.css">
<link type="text/css" rel="stylesheet" href="css/skin.css">
</head>

<body>
	<div class="player" id="player">
		<h1 class="sname" id="sname">当我遇上你</h1>
		<h4 class="ssinger" id="ssinger">刘德华</h4>
		<h4 class="salbum" id="salbum" >专辑</h4>
		<div id="slidePange" class="wrap">
			<div class="wrapBox" id="wrapBox">
				<div class="box">动画</div>
				<div class="box">歌手头像</div>
				<div class="box" id="songlrc"></div>
			</div>
		</div>
		<div class="control">
			<div class="progressbar" id="progressbar">
				<div class="played" id="p_played"></div>
				<div class="load" id="p_load"></div>
			</div>
			<span class="button" id="preplay"></span>
			<span class="button" id="play"></span> 
			<span class="button" id="nextplay"></span>
		</div>
	</div>


	<script type="text/javascript" src="js/play.js"></script>
	<script type="text/javascript" src="js/slide.js"></script>
	<script type="text/javascript" src="js/skin.js"></script>
	<script type="text/javascript" src="js/audio.js"></script>
</body>
</html>
